HTMLify

<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>CT Training Interactive Quiz</title>
<style>
:root{--blue:#0033cc;--knowledge:#05054e;--cyan:#1edbf9;--trans:#e7f9fc;--light:#f4f5f8;--grey:#76768b;--red:#b42318;--green:#067647}*{box-sizing:border-box}body{margin:0;font-family:"Titillium Web",Arial,sans-serif;color:var(--knowledge);background:var(--light);font-size:17px}.line{height:8px;background:linear-gradient(90deg,var(--blue),#0094ff,var(--cyan))}.shell{max-width:980px;margin:auto;min-height:100vh;background:#fff;box-shadow:0 0 30px #d4d7e3}.header{padding:24px 36px 18px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d4d7e3}.brand{font-size:30px;color:var(--blue);font-weight:600;letter-spacing:-1px}.brand small{display:block;color:#8b8d8e;font-size:12px;text-align:right;margin-top:-8px}.progress{height:7px;background:#d4d7e3}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--cyan));width:0;transition:.3s}.content{padding:34px 42px 48px}.eyebrow{color:var(--blue);text-transform:uppercase;font-weight:600;font-size:14px;letter-spacing:.08em}h1,h2{font-weight:400;color:var(--blue);line-height:1.15}h1{font-size:44px;margin:.2em 0}h2{font-size:30px}.card{background:var(--trans);padding:24px;border-radius:4px;margin:22px 0}.fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field label{display:block;font-weight:600;margin-bottom:6px}.field input{width:100%;padding:12px;border:1px solid #a0a5bb;border-radius:3px;font:inherit}.btn{border:0;background:var(--blue);color:#fff;padding:12px 22px;border-radius:3px;font:600 17px inherit;cursor:pointer}.btn.secondary{background:#fff;color:var(--blue);border:2px solid var(--blue)}.btn:disabled{opacity:.45;cursor:not-allowed}.buttons{display:flex;justify-content:space-between;gap:12px;margin-top:26px}.option{display:block;border:2px solid #d4d7e3;border-radius:4px;padding:14px 16px;margin:11px 0;cursor:pointer;background:#fff}.option:hover,.option:has(input:checked){border-color:var(--blue);background:var(--trans)}.option input{margin-right:12px;accent-color:var(--blue)}.meta{display:flex;justify-content:space-between;color:var(--grey)}.result{text-align:center;padding:20px}.score{font-size:72px;color:var(--blue);font-weight:600}.pass{color:var(--green)}.fail{color:var(--red)}.note{padding:14px;border-left:5px solid var(--blue);background:var(--trans)}.error{color:var(--red);font-weight:600}.hidden{display:none!important}
.certificate{display:none;color:var(--knowledge);background:#fff}.print-page{position:relative;min-height:277mm;padding:20mm 16.5mm 18mm;page-break-after:always}.print-page:last-child{page-break-after:auto}.cert-logo{text-align:right;color:var(--blue);font-size:28px;font-weight:600}.cert-title{text-align:center;margin:35mm 0 8mm;font-size:34px;color:var(--blue)}.cert-name{text-align:center;font-size:27px;border-bottom:1px solid var(--blue);padding:6px}.cert-result{text-align:center;font-size:22px;margin:12mm}.signature-grid{display:grid;grid-template-columns:1fr 1fr;gap:25mm;margin-top:25mm}.sig{border-top:1px solid var(--knowledge);padding-top:5px}.footline{position:absolute;bottom:0;left:0;right:0;height:6mm;background:linear-gradient(90deg,var(--blue),#0094ff,var(--cyan))}.review{width:100%;border-collapse:collapse;font-size:8.2px;table-layout:fixed}.review th:nth-child(1){width:5%}.review th:nth-child(2){width:39%}.review th:nth-child(3){width:25%}.review th:nth-child(4){width:31%}.page-label{margin:-8px 0 8px;text-align:right;font-size:9px;color:var(--grey)}.review th,.review td{border:1px solid #a0a5bb;padding:3px 4px;vertical-align:top;line-height:1.15;overflow-wrap:anywhere}.review th{background:var(--blue);color:#fff}.review tr.wrong td{background:#fff1f0}.record{width:100%;border-collapse:collapse;font-size:10px}.record th,.record td{border:1px solid #76768b;padding:5px;height:14mm}.record th{background:var(--blue);color:#fff}.record th:nth-child(1){width:11%}.record th:nth-child(2){width:13%}.record th:nth-child(3){width:18%}.small{font-size:13px;color:var(--grey)}
@media(max-width:650px){.header,.content{padding-left:20px;padding-right:20px}.fields{grid-template-columns:1fr}h1{font-size:36px}.buttons{flex-wrap:wrap}}
@media print{@page{size:A4 portrait;margin:0}html,body{width:210mm;height:auto;margin:0;padding:0;background:#fff}.shell{display:none}.certificate{display:block;width:210mm}.print-page{box-sizing:border-box;width:210mm;height:297mm;min-height:297mm;margin:0;overflow:hidden;break-after:page;page-break-after:always}.print-page:last-child{break-after:auto;page-break-after:auto}.summary-page{padding-top:13mm;padding-bottom:12mm}button{display:none!important}}
</style></head><body><div class="shell"><div class="line"></div><header class="header"><div><div class="brand">ormazabal<small>velatia</small></div></div><div class="small">CT TRAINING</div></header><div class="progress"><i id="bar"></i></div><main class="content">
<section id="start"><div class="eyebrow">Knowledge assessment</div><h1>CT Training Interactive Quiz</h1><p>This assessment contains 34 multiple-choice questions. The pass mark is 80%, equivalent to 28 correct answers. Complete all questions before submitting.</p><div class="card fields"><div class="field"><label for="name">Candidate full name</label><input id="name" autocomplete="name" required></div><div class="field"><label for="date">Date of test</label><input id="date" type="date" required></div></div><div class="note">The quiz runs entirely in this browser. No answers or personal details are transmitted or stored online.</div><p id="startErr" class="error"></p><button class="btn" onclick="startQuiz()">Start assessment</button></section>
<section id="quiz" class="hidden"><div class="meta"><span id="count"></span><span id="answered"></span></div><h2 id="question"></h2><div id="options"></div><p id="qErr" class="error"></p><div class="buttons"><button class="btn secondary" id="back" onclick="move(-1)">Previous</button><button class="btn" id="next" onclick="move(1)">Next</button></div></section>
<section id="finish" class="hidden"><div class="result"><div class="eyebrow">Assessment complete</div><h1>Your result</h1><div id="score" class="score"></div><h2 id="status"></h2><p id="summary"></p><div class="buttons" style="justify-content:center"><button class="btn secondary" onclick="restart()">Retake quiz</button><button class="btn" onclick="window.print()">Print certificate and answer summary</button></div><p class="small">In the print dialogue, select “Save as PDF” to create a digital copy.</p></div></section>
</main><div class="line"></div></div>
<div class="certificate">
<section class="print-page"><div class="cert-logo">ormazabal</div><div class="cert-title">Certificate of CT Training Assessment</div><p style="text-align:center">This certificate confirms that</p><div class="cert-name" id="certName"></div><p style="text-align:center">completed the CT Training knowledge assessment on <strong id="certDate"></strong>.</p><div class="cert-result"><strong id="certStatus"></strong><br><span id="certScore"></span></div><p style="text-align:center">Pass mark: 80% (28 out of 34 questions)</p><div class="signature-grid"><div class="sig">Candidate signature</div><div class="sig">Trainer / assessor signature</div></div><div class="footline"></div></section>
<section class="print-page summary-page"><div class="cert-logo">ormazabal</div><h2>Assessment answer summary</h2><p class="page-label">Page 2 of 4 · Questions 1–17</p><table class="review"><thead><tr><th>No.</th><th>Question</th><th>Candidate answer</th><th>Outcome / correct answer if required</th></tr></thead><tbody id="reviewBody1"></tbody></table><div class="footline"></div></section>
<section class="print-page summary-page"><div class="cert-logo">ormazabal</div><h2>Assessment answer summary</h2><p class="page-label">Page 3 of 4 · Questions 18–34</p><table class="review"><thead><tr><th>No.</th><th>Question</th><th>Candidate answer</th><th>Outcome / correct answer if required</th></tr></thead><tbody id="reviewBody2"></tbody></table><div class="footline"></div></section>
<section class="print-page"><div class="cert-logo">ormazabal</div><h2>Record of CT Testing Experience</h2><p class="page-label">Page 4 of 4</p><p>Use this table to maintain a record of supervised and completed CT testing work.</p><table class="record"><thead><tr><th>Date</th><th>SAP Contract No.</th><th>Contract Name</th><th>Type of equipment<br>CGM / CPG.0</th><th>CT specification tested</th><th>Supervising engineer and comments</th></tr></thead><tbody><tr><td></td><td></td><td></td><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td><td></td><td></td><td></td></tr></tbody></table><div class="footline"></div></section></div>
<script>
const Q=[{"q": "A CT comprises three main components. They are?", "o": ["Primary winding, secondary winding, magnetic core", "Primary winding, secondary winding, ammeter", "Primary winding, secondary winding, voltmeter", "Primary winding, secondary winding, North pole"], "a": 0}, {"q": "What current does the CT measure?", "o": ["DC", "AC", "Line voltage", "Magnetic current"], "a": 1}, {"q": "What is the equation for the CT ratio?", "o": ["Ip/Np = Is/Ns", "Np/Ns = Ip/Is", "Ip/Is = Ns/Np", "Ip = Is"], "a": 2}, {"q": "What is used to reference the primary conductor?", "o": ["Pa, Pb", "S1, S2", "PIP, PIS", "P1, P2"], "a": 3}, {"q": "What is used to reference the secondary terminals?", "o": ["Pa, Pb", "S1, S2", "PIP, PIS", "P1, P2"], "a": 1}, {"q": "A CT ratio is 1000:1. What is the secondary current if the primary current is 500 A?", "o": ["5 A", "0.5 A", "1 A", "0.05 A"], "a": 1}, {"q": "A CT's secondary terminal must?", "o": ["Always be left open circuit", "Be earthed at all times", "Carry very high currents", "Never be left open circuit"], "a": 3}, {"q": "What symbol represents magnetic field strength?", "o": ["H", "B", "I", "Φ"], "a": 0}, {"q": "What symbol represents magnetic flux?", "o": ["H", "B", "I", "Φ"], "a": 3}, {"q": "What symbol represents magnetic flux density?", "o": ["H", "B", "I", "Φ"], "a": 1}, {"q": "What is a key property of the CT core?", "o": ["Non-conductive", "Rated for high temperatures", "Magnetic", "Non-magnetic"], "a": 2}, {"q": "What class of CT should be used for overcurrent protection?", "o": ["Protection", "PX", "Metering", "Dual ratio"], "a": 0}, {"q": "What class of CT should be used for tariff measurements?", "o": ["Protection", "PX", "Metering", "Dual ratio"], "a": 2}, {"q": "What are the standard Ormazabal factory-fitted CT ratios?", "o": ["100:1 and 300:1", "300:1 and 630:1", "300:1 and 1000:1", "1000:1 and 2000:1"], "a": 2}, {"q": "What is the typical standard referenced for the manufacture of the CTs we install?", "o": ["BS EN 61869 Part 1 and Part 2", "BS EN 61869 Part 3 and Part 4", "ENA ISO BS CT145 Part 1 and Part 2", "ENA ISO BS CT145 Part 3 and Part 4"], "a": 0}, {"q": "Who are the two main suppliers of locally sourced CTs used in the UK?", "o": ["ITL and D.K. Moriarty", "ITL and CTL", "D.K. Moriarty and CTL", "ODS and ODP"], "a": 0}, {"q": "Where can CTs be installed on the CGM.3 range of equipment?", "o": ["Bushings, busbar, cables and trench", "Bushings, cables and trench", "Bushings, busbar and trench", "Busbar, cables and trench"], "a": 1}, {"q": "Where can CTs be installed on the CPG.0 range of equipment?", "o": ["Bushings, busbar, cables and trench", "Bushings, cables and trench", "Bushings, busbar and trench", "Busbar, cables and trench"], "a": 0}, {"q": "What three dimensions are typically supplied for a toroidal CT?", "o": ["ID, OD, thickness", "ID, OD, cable OD", "Axial length, cable OD, cable ID", "ID, OD, axial length"], "a": 3}, {"q": "What does Icth stand for?", "o": ["Incident continuous current", "Rated continuous thermal current", "Thermal maximum temperature", "Maximum current"], "a": 1}, {"q": "On a dual-ratio CT, which tap is the common?", "o": ["S1 and S2", "S2 and S3", "S3", "S1"], "a": 3}, {"q": "What does Ith stand for?", "o": ["Rated short-time current", "Rated continuous thermal current", "Thermal maximum temperature", "Maximum current"], "a": 0}, {"q": "What units are used for CT burden?", "o": ["W", "P", "S", "VA"], "a": 3}, {"q": "What does ALF stand for?", "o": ["Accuracy Limit Factor", "Actual Load Frequency", "Average Load Factor", "Accuracy Limiting Frequency"], "a": 0}, {"q": "If a protection CT is classed as 5P20, what does the 5 represent?", "o": ["Protection maximum overcurrent", "Primary winding ratio", "Composite error limit", "Accuracy Limit Factor"], "a": 2}, {"q": "If a protection CT is classed as 5P20, what does the 20 represent?", "o": ["Protection maximum overcurrent", "Primary winding ratio", "Composite error limit", "Accuracy Limit Factor"], "a": 3}, {"q": "If a protection CT is classed as PX, what does Ek represent?", "o": ["Knee-point voltage", "Knee-point setting", "Knee angle", "Knee vector"], "a": 0}, {"q": "If a protection CT is classed as PX, what does Rct represent?", "o": ["Minimum permissible resistance of the CT secondary winding", "Average permissible resistance of the CT secondary winding", "Full-load permissible resistance of the CT secondary winding", "Maximum permissible resistance of the CT secondary winding"], "a": 3}, {"q": "Typically, but not always, P1 of a CT would face?", "o": ["The customer", "The breaker", "The busbar", "The feeder"], "a": 1}, {"q": "What material should the nuts and bolts be made from at the CT termination to the M6 tabs?", "o": ["Aluminium", "Brass", "Copper", "Stainless steel"], "a": 1}, {"q": "Why must a CT's secondary terminals never be left open circuit?", "o": ["They can become easily damaged", "Dangerously high voltages can be present", "They are likely to corrode", "It affects the earthing of the switchboard"], "a": 1}, {"q": "What is the OUK standard test form number for CT testing?", "o": ["TP113", "TP117", "TP114", "TP501"], "a": 2}, {"q": "When performing a CT magnetisation curve check using an ammeter and voltmeter, what must you ensure?", "o": ["Use digital meters", "The meters are True-RMS", "Use analogue meters", "The meters are made by the same manufacturer"], "a": 1}, {"q": "What are the two main pieces of test equipment used to test CTs in-house?", "o": ["HV power-frequency test sets", "Sverker 900 and Omicron CPC100", "Megger and ductor", "Fluke multimeters"], "a": 1}];let current=0,answers=Array(Q.length).fill(null);const $=id=>document.getElementById(id);$('date').valueAsDate=new Date();
function startQuiz(){if(!$('name').value.trim()||!$('date').value){$('startErr').textContent='Please enter the candidate name and test date.';return}$('start').classList.add('hidden');$('quiz').classList.remove('hidden');render()}
function render(){let x=Q[current];$('count').textContent=`Question ${current+1} of ${Q.length}`;$('answered').textContent=`${answers.filter(v=>v!==null).length} answered`;$('question').textContent=x.q;$('options').innerHTML=x.o.map((o,i)=>`<label class="option"><input type="radio" name="answer" value="${i}" ${answers[current]===i?'checked':''} onchange="selectAnswer(${i})"><strong>${String.fromCharCode(65+i)}.</strong> ${o}</label>`).join('');$('back').disabled=current===0;$('next').textContent=current===Q.length-1?'Submit assessment':'Next';$('bar').style.width=((current+1)/Q.length*100)+'%';$('qErr').textContent=''}
function selectAnswer(i){answers[current]=i;$('answered').textContent=`${answers.filter(v=>v!==null).length} answered`}
function move(d){if(d>0&&answers[current]===null){$('qErr').textContent='Please select an answer before continuing.';return}if(d<0){current--;render();return}if(current<Q.length-1){current++;render()}else submitQuiz()}
function submitQuiz(){let score=answers.reduce((s,v,i)=>s+(v===Q[i].a),0),pct=Math.round(score/Q.length*100),pass=score>=28;$('quiz').classList.add('hidden');$('finish').classList.remove('hidden');$('score').textContent=pct+'%';$('status').textContent=pass?'PASS':'FAIL';$('status').className=pass?'pass':'fail';$('summary').textContent=`${score} correct answers out of ${Q.length}. ${pass?'The required pass mark has been achieved.':'The required pass mark has not been achieved.'}`;$('certName').textContent=$('name').value.trim();$('certDate').textContent=new Date($('date').value+'T12:00:00').toLocaleDateString('en-GB',{day:'numeric',month:'long',year:'numeric'});$('certStatus').textContent=pass?'PASS':'FAIL';$('certStatus').className=pass?'pass':'fail';$('certScore').textContent=`Score: ${score} / ${Q.length} (${pct}%)`;let rows=Q.map((x,i)=>{let ok=answers[i]===x.a;return `<tr class="${ok?'':'wrong'}"><td>${i+1}</td><td>${x.q}</td><td>${x.o[answers[i]]}</td><td>${ok?'Correct':'Incorrect. Correct answer: '+x.o[x.a]}</td></tr>`});$('reviewBody1').innerHTML=rows.slice(0,17).join('');$('reviewBody2').innerHTML=rows.slice(17).join('')}
function restart(){current=0;answers=Array(Q.length).fill(null);$('finish').classList.add('hidden');$('start').classList.remove('hidden');$('bar').style.width='0'}
</script></body></html>